<template>
  <span :title="text">{{ text || '- -' }}</span>
</template>
<script>
export default {
  name: "TextOverflow",
  props: {
    text: {
      type: [String, Number, Array],
    },
  },
  data () {
    return {};
  },
};
</script>
<style scoped>
span {
  display: inline-block;
  width: 185px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
</style>
